import { createApp } from 'vue'
import './style.css'
import 'reset.css'
import App from './App.vue'
import router from './router'
import MYINPUT from './components/my-input.vue'
import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
//解决ElMessage不生效
import 'element-plus/theme-chalk/src/message.scss'
import 'element-plus/theme-chalk/src/index.scss'
import MyPaging from './components/my-paging.vue'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import './utils/flexilb'
import UndrawUi from 'undraw-ui'
import 'undraw-ui/dist/style.css'
import MarqueeText from 'vue-marquee-text-component'
import VueVirtualScroller from 'vue-virtual-scroller'


const pinia = createPinia()
pinia.use(piniaPluginPersistedstate)
const app = createApp(App)
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}
app.component('marquee-text', MarqueeText)
app.component('MYINPUT', MYINPUT)
app.component('MyPaging', MyPaging)
app.use(VueVirtualScroller)
app.use(router)
app.use(pinia)
app.use(UndrawUi)
app.mount('#app')
